import axios from 'axios'
import store from '@/store'
import router from '@/router'

// baseURL 超时时间配置
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net'
})

// 全局注入token
// 请求拦截器
instance.interceptors.request.use(
  config => {
    const { token } = store.state.user.profile
    // 如果token存在
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  e => Promise.reject(e)
)

// 处理返回数据 token失效跳回到登录页
// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 请求成功 走到这里
    const { result } = response.data
    return result // 简化返回数据
  },
  // 401token失效重新登陆
  error => {
    // 请求失败 走到这里
    // 获取当前地址
    // vue2 router.currentRoute.fullPath
    // vue3 router.currentRoute.value.fullPath
    if (error.response.status === 401) {
      store.dispatch('user/logoutAction')
      const redirectUrl = router.currentRoute.value.fullPath
      router.replace(`/login?redirectUrl=${redirectUrl}`)
    }
    return Promise.reject(error)
  }
)

// 对instance进行二次封装（非必须）

export default function request (url, method, data) {
  return instance({
    url,
    method,
    [method === 'get' ? 'params' : 'data']: data
  })
}
